{% load staticfiles %}

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8">
    <title>企业破产预测系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="" name="description">
    <meta content="" name="author">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="{% static 'css/googlefonts.css' %}" rel='stylesheet' type='text/css'>
    <link href="{% static 'assets/global/plugins/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet"
          type="text/css">
    <link href="{% static 'assets/global/plugins/simple-line-icons/simple-line-icons.min.css' %}" rel="stylesheet"
          type="text/css">
    <link href="{% static 'assets/global/plugins/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'assets/global/plugins/uniform/css/uniform.default.css' %}" rel="stylesheet" type="text/css">
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE STYLES -->
    {% block cssinclude %}
    {% endblock %}
    <!-- END PAGE STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="{% static 'assets/global/css/components-rounded.css' %}" id="style_components" rel="stylesheet"
          type="text/css">
    <link href="{% static 'assets/global/css/plugins.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'assets/admin/layout3/css/layout.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'assets/admin/layout3/css/themes/default.css' %}" rel="stylesheet" type="text/css"
          id="style_color">
    <link href="{% static 'assets/admin/layout3/css/custom.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/ui.css' %}" rel="stylesheet" type="text/css">
    <!-- END THEME STYLES -->

    <style type="text/css">
        body {
            font-size: 17px;
            font-family: "Microsoft YaHei"
        }

        .page-header {
            height: 105px;
        }

        .page-header .page-header-menu {
            background-color: #1492ff;
            height: 70px;
        }

        .page-header .page-header-menu .container {
            background-color: #1492ff;
            height: 70px;
        }

        .page-header .page-header-menu .hor-menu {
            height: 70px;
        }

        .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
            width: 150px;
            font-size: 17px;
            font-family: "Microsoft YaHei";
            height: 70px;
            line-height: 35px;
            text-align: center;
        }

        .row .col-md-8 {
            margin: 0px;
            padding: 1px;
        }

        .row .col-md-4 {
            margin: 0px;
            padding: 1px;
        }

        .search_btn {
            background-color: #1492ff !important;
            font-size: 17px !important;
        }

        .search_input {
            height: 38px;
            font-size: 17px !important;
        }

        .apply-list {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

        .apply-item {
            vertical-align: top;
            text-align: center;
            display: inline-block;
            width: 150px;
            height: 100px;
            border: solid 1px #a8a8a8;
            margin: 10px;
            padding: 10px;
            border-radius: 5%;
        }

        .apply-item-disabled {
            color: #adadad;
            background-color: #e0e0e0;
        }

        .apply-item:hover {
            -moz-box-shadow: 0px 0px 25px rgba(20, 146, 255, 1);
            -webkit-box-shadow: 0px 0px 25px rgba(20, 146, 255, 1);
            box-shadow: 0px 0px 10px rgba(20, 146, 255, 1);
            cursor: pointer;
        }

        .portlet-custom {
            margin-bottom: 2px !important;
            margin-top: 2px !important;
        }

        .portlet-subject-dot {
            background-color: #9e0001;
            display: inline-block;
            width: 12px;
            margin-right: 5px;
            height: 22px;
        }

        .portlet-subject {
            color: #145392;
            font-size: 20px;
            font-family: "Microsoft YaHei";
            font-weight: bold;
        }

        .portlet-body {
            font-size: 15px;
        }

        .portlet-body .notice-list {
            margin-left: -35px;
        }

        .portlet-body .notice-list li {
            list-style: none;
            line-height: 30px;
        }

        .portlet-body .notice-list .notice-list-text {
            display: inline-block;
            vertical-align: top;
            white-space: nowrap;
            width: 250px;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .portlet-body .notice-list .notice-list-time {
            color: #99a5c2;
        }

        .required {
            color: #da594a;
        }
    </style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed  -->
<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed  -->
<body>
<!-- BEGIN HEADER -->
<div class="page-header">
    <div class="page-header-top">
        <div class="container">
            <div class="page-logo" style="height: 105px;">
                <a href="/index"><img src="{% static 'images/logo.png' %}" alt="logo" class="logo-default"></a>
            </div>
            <a href="javascript:;" class="menu-toggler"></a>
            <div class="top-menu">
                <ul class="nav navbar-nav" style="margin-top:20px;">
                    {% if username is None %}
                        <li class="menu-dropdown mega-menu-dropdown">
                            <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
                                <i class="icon-key"></i> 登 录 <i class="fa fa-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="/login"><i class="icon-user"></i> 登 录 </a></li>
                                <li><a href="/register"><i class="icon-home"></i> 注 册 </a></li>
                            </ul>
                        </li>
                    {% else %}
                        <li class="menu-dropdown mega-menu-dropdown">
                            <a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
                                <i class="icon-user"></i> {{ username }} <i class="fa fa-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-default">
                                <li><a href="/logout"><i class="icon-key"></i>退出</a></li>
                            </ul>
                        </li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
    <div class="page-header-menu">
        <div class="container">
            <!-- BEGIN MEGA MENU -->
            <div class="hor-menu">
                <ul class="nav navbar-nav" id="topMenu">

                </ul>
            </div>
            <!-- END MEGA MENU -->
        </div>
    </div>
</div>
<!-- END HEADER -->
<!-- BEGIN PAGE CONTAINER -->
<div class="page-container">

    <!-- BEGIN PAGE CONTENT -->
    <div class="page-content">
        <div class="container">
            <!-- BEGIN PAGE BREADCRUMB -->
            <ul class="page-breadcrumb breadcrumb">
                {#面包屑#}
                {% for b in breadcrumb %}
                    <li>
                        {% if forloop.first %}
                            <i class="fa fa-home"></i>
                        {% else %}
                            <i class='fa fa-angle-right'></i>
                        {% endif %}
                        <a href="{{ b.menu_url }}">{{ b.menu_name }}</a>
                    </li>
                {% endfor %}
            </ul>
            <!-- END PAGE BREADCRUMB -->
            <!-- BEGIN PAGE CONTENT INNER -->
            {% block mainbody %}
            {% endblock %}
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->

<!-- BEGIN FOOTER -->
<div class="page-footer"
     style="background-color: #e5e5e5;font-size:16px;font-weight: bold; text-align: center; color:#333;">
    本网站基于<a href="https://www.djangoproject.com/">Django</a>搭建
</div>
<div class="scroll-to-top">
    <i class="icon-arrow-up"></i>
</div>
<!-- END FOOTER -->

<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="{% static 'assets/global/plugins/respond.min.js'%}"></script>
<script src="{% static 'assets/global/plugins/excanvas.min.js'%}"></script>
<![endif]-->
<script src="{% static 'assets/global/plugins/jquery.min.js' %}" type="text/javascript"></script>
<script src="{% static 'assets/global/plugins/jquery-migrate.min.js' %}" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="{% static 'assets/global/plugins/jquery-ui/jquery-ui.min.js' %}" type="text/javascript"></script>
<script src="{% static 'assets/global/plugins/bootstrap/js/bootstrap.min.js' %}" type="text/javascript"></script>
<script src="{% static 'assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js' %}"
        type="text/javascript"></script>
<script src="{% static 'assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js' %}"
        type="text/javascript"></script>
<script src="{% static 'assets/global/plugins/jquery.blockui.min.js' %}" type="text/javascript"></script>
<script src="{% static 'assets/global/plugins/jquery.cokie.min.js' %}" type="text/javascript"></script>
<script src="{% static 'assets/global/plugins/uniform/jquery.uniform.min.js' %}" type="text/javascript"></script>
<!-- END CORE PLUGINS -->

<script src="{% static 'assets/global/scripts/metronic.js' %}" type="text/javascript"></script>
<script src="{% static 'assets/admin/layout3/scripts/layout.js' %}" type="text/javascript"></script>
<script src="{% static 'js/common.js' %}" type="text/javascript"></script>
<script>
    var path = {{ breadcrumb|safe | default:"[]" }};
    var rMenus = [
        {"menu_url": "/index", "icon": "icon-home", "menu_name": "首页"},
        {"menu_url": "/predict", "icon": "icon-trophy", "menu_name": "数据预测"},
        {"menu_url": "/history", "icon": "icon-speedometer", "menu_name": "历史预测"},
        {"menu_url": "/guide", "icon": "icon-cursor", "menu_name": "使用指南"},
        {"menu_url": "/description", "icon": "icon-doc", "menu_name": "数据集描述"}
    ];

    function setTopMenu() {
        var menuHtml = "";
        $.each(rMenus, function (idx, e) {
            menuHtml += "<li><a href='" + e.menu_url + "'><i class='" + e.icon + "'></i> " + e.menu_name + "</a></li>";
        });

        $("#topMenu").html(menuHtml);
    }

    jQuery(document).ready(function () {
        Metronic.init(); // init metronic core componets
        Layout.init(); // init layout
        setTopMenu();
    });
</script>
<!-- END JAVASCRIPTS -->
{% block jsinclude %}
{% endblock %}
</body>
<!-- END BODY -->
</html>